<template>
    <div class="tel">
         <label for="tel">用手机号登录</label>
         <input type="text" id="tel">
         <button>登录</button>
    </div>
</template>

<script>
export default {
    name: 'Tel',
    // 生命周期钩子
    // activated 被 keep-alive 缓存的组件激活时调用
    activated(){
        console.log( '- - - tel component activated - - -' );
    },
    // 生命周期钩子
    // deactivated 被 keep-alive 缓存的组件失活时调用
    deactivated(){
        console.log( '- - - tel component deactivated - - -' );
    }
}
</script>

<style>
.tel {
    border: 1px solid #dedede ;
}
</style>